<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
	 src="/wow/static/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript"
	 src="/wow/static/easyui/jquery-easyui-1.5.2/easyui_all.js"></script>
	 	 <script type="text/javascript"
	 src="/wow/static/easyui/jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css"
	href="/wow/static/easyui/jquery-easyui-1.5.2/themes/metro-gray/easyui.css">

	
<script type="text/javascript">
    var urlParam;
    var type;
	$(function() {
	/* 	$.ajax({
			type: 'GET',
			url:'/wow/debuff/findAll',
			dataType: 'json',
			error: function(){
				return false;
			},
			beforeSend : function(){
				ajaxLoading();
			},
			success:function(json)
			{
				$("#dg").datagrid("loadData", json.data);
				$('#dg').datagrid('selectRow', 0);
				ajaxLoadEnd();
			}
		}); */
		var opts = $("#dg").datagrid("options");
		opts.url = "/wow/debuff/findAll";
		opts.method='GET';
		$("#dg").datagrid('reload');
	});
	function save(){
		var items = $('#dg').datagrid('getSelections');
		return items;
	}
	function formatter(value, rec, index){
		 var href = '';
		 var href = '';
		 href += "<img  id="+rec.equip_id+" class='buffIcon'  src='/wow/static/icon/" + value +"'/>";

		 return href;
	}

</script>
<style type="text/css">
	.form-group{
		 display: flex;
		 flex-direction:row;
	}
	.form-item{
	 	flex:1;
	}
	.form-item1{
	 	flex:2;
	}
			.q {
		color:#ffd100!important;
		}
		
		.q0,.q0 a {
		color:#9d9d9d!important;
		}
		
		.q1,.q1 a {
		color:#fff!important;
		}
		
		.q2,.q2 a {
		color:#1eff00!important;
		}
		
		.q3,.q3 a {
		color:#0070dd!important;
		}
		
		.q4,.q4 a {
		color:#a335ee!important;
		}
		
		.q5,.q5 a {
		color:#ff8000!important;
		}
		.buffIcon {
		    height: 52px;
		    width: 52px;
		}
</style>
</head>
<body>
	<div class="easyui-layout" fit="true">
		
		<div id="mainPanle" region="center" border="false">
			<table id="dg" class="easyui-datagrid" fit="true"
	            title="BUFF列表"  idField="id" loadMsg='正在努力加载...请稍等...'>
		        <thead>
		            <tr>
		            	<th field="ck" checkbox="true"></th>
		            	<th field="img" width="80" align="center" formatter='formatter'></th>
		                <th field="name" width="100" align="center" >名称</th>
		                <th field="effect" width="650" align="center">效果</th>
		            </tr>
		        </thead>
		      </table>
		</div>
	</div>

</body>
</html>